
<div id="leftcolumn">
	<a href="<c:url value="/home/index"/>">Home</a><br> 
	<a href="<c:url value="/produtos"/>">Produtos</a><br> 
	<a href="<c:url value="/maps"/>">Map</a><br> 
	<a href="<c:url value="/acidentes" />">Acidentes</a><br>
	<a href="<c:url value="/routes/busca"/>">Route XML</a><br>


	<c:if test="${usuarioWeb.logado}">
		<a href="<c:url value="/produtos/novo"/>">Cadastrar Produto</a>
		<br>
		<br>
	</c:if>

	Pesquisar Produto
	<form action="<c:url value="/produtos/busca"/>">
		<input id="busca" name="nome" />
	</form>
	<script>
		$("#busca").puts("Busca produtos por nome");

		$("#busca").autocomplete('/BeMobile/produtos/busca.json', {
			dataType : "json",
			parse : function(data) {
				return $.map(data.list, function(produto) {
					return {
						data : produto,
						value : produto.nome,
						result : produto.nome
					};
				});
			},
			formatItem : function(produto) {
				return produto.nome + "(" + produto.preco + ")";
			}
		});
	</script>

</div>